<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Lighted cube (diffuse+ambient)</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <style>
      div#canvas {
        float: left;
        position: absolute;
      }
      div#sliders {
        position: absolute;
      }
    </style>
  </head>

  <body onload="main()">
    <div id="canvas">
      <canvas id="webgl" width="1000" height="1000">
        Please use a browser that supports "canvas"
      </canvas>
    </div>
    <div id="sliders">
      <div id="cameraPositionX"></div>
      <div id="cameraPositionY"></div>
      <div id="cameraPositionZ"></div>
      <div id="rotation_pos_x"></div>
      <div id="rotation_pos_y"></div>
      <div id="rotation_pos_z"></div>
      <div id="rotation"></div>
      <div id="angle"></div>
      <div id="shinness"></div>
      <div id="limit"></div>
    </div>

    <script src="../lib/webgl-utils.js"></script>
    <script src="../lib/webgl-debug.js"></script>
    <script src="../lib/cuon-utils.js"></script>
    <script src="../lib/cuon-matrix.js"></script>
    <script src="./webgl-lessons-ui.js"></script>
    <script src="./init.js"></script>
    <script src="./Texture_Spot.js"></script>
  </body>
</html>
